<template>
  <div class="jieshao">
    <h4 style="text-align: center">{{list.title}}</h4>
    <hr>
    <div class="content" v-html="list.content"></div>
  </div>
</template>
<script>
import $ from "../../../node_modules/jquery/dist/jquery.min.js";
export default {
  data() {
    return {
      id: this.$route.params.id,
      list: []
    };
  },
  created() {
    this.getjieshao();
  },
  methods: {
    getjieshao() {
      console.log(this.id);
      this.$http
        .get("http://www.liulongbin.top:3005/api/goods/getdesc/" + this.id)
        .then(result => {
          var result = result.body;
          console.log(result);
          if (result.status == 0) {
            this.list = result.message[0];
          } else {
            Toast("加载失败");
          }
        });
    }
  },
  mounted() {
    // $("div").scrollTop(1000) + "px";
  }
};
</script>
<style scoped>
/*
 解决方案2：去掉style标签中的scoped属性
scoped属性导致css仅对当前组件生效（用css3的属性选择器+生成的随机属性实现的），而html绑定渲染出的内容可以理解为是子组件的内容，子组件不会被加上对应的属性，所以不会应用css.
解决方案3：写样式的时候添加>>> 
 */
.jieshao {
  padding: 4px;
}
.jieshao .content >>> img {
  width: 100%;
}
</style>